<template>
	<view class='page_cont'>
		<view class='check_list'>
			<view class='check_item' @click="check_pop(13)">
				<view class='title'>职位名称</view>
				<input class="input" placeholder="请输入职位名称" v-model="name">
				<view class='point'></view>
				<!-- <image class='icon' src="/static/icon43.png"></image> -->
			</view>
			<view class='check_item' @click="check_pop(1)">
				<view class='title'>岗位类型</view>
				<view class='text'>{{positionChildName||job_name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(2)">
				<view class='title'>工作性质</view>
				<view class='text'>{{jobType.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(3)">
				<view class='title'>职位层级</view>
				<view class='text'>{{jobLevel.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(4)">
				<view class='title'>授课方式</view>
				<view class='text'>{{method.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(12)">
				<view class='title'>工作地址</view>
				<scroll-view class='scroll' scroll-x="true" scroll-with-animation="true">{{addressDetailed}}</scroll-view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(5)">
				<view class='title'>详细地址</view>
				<scroll-view class='scroll' scroll-x="true" scroll-with-animation="true">{{address}}</scroll-view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(6)">
				<view class='title'>薪资</view>
				<view class='text'>{{wage}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(7)">
				<view class='title'>职位描述</view>
				<scroll-view class='scroll' scroll-x="true" scroll-with-animation="true">{{workDescribe}}</scroll-view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(8)">
				<view class='title'>福利待遇</view>
				<scroll-view class='scroll' scroll-x="true" scroll-with-animation="true">{{welfs}}</scroll-view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(9)">
				<view class='title'>学历情况</view>
				<view class='text'>{{educational.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item'>
				<view class='title'>招聘人数</view>
				<input class="input" type="number" @input="input_number" @focus="input_focus" @blur="input_blur" :value="number">
				<view class='point' v-if="focus||number">人</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(10)">
				<view class='title'>到岗时间</view>
				<view class='text'>{{time.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<view class='check_item' @click="check_pop(11)">
				<view class='title'>工作经验</view>
				<view class='text'>{{exper.name}}</view>
				<image class='icon' src="/static/icon43.png"></image>
			</view>
			<!-- <view class='check_item'>
				<view class='title'>急聘</view>
				<view class='text'></view>
				<switch :checked="!show" @change="switch_change" style="transform:scale(0.625);margin-right: -30rpx;" color="#5B90FF" v-if="!checked" />
				<switch :checked="show" @change="switch_change" style="transform:scale(0.625);margin-right: -30rpx;" color="#5B90FF" v-else />
			</view> -->
		</view>
		<view class='btn_wrap'>
			<view class='del_btn' @click="del_enducat()" v-if="id>0">删 除</view>
			<view class='con_btn' @click="modify" v-if="id>0">修 改</view>
			<view class='con_btn' @click="confirm_enducat" v-else>发 布</view>
			<!-- <view class='del_btn' v-if="status==2">保存</view>
			<view class='del_btn' v-if="status==0||status==1">删除</view>
			<view class='con_btn'  v-if="status==1||status==2">发布职位</view>
			<view class='con_btn' v-if="status==0">修改</view> -->
		</view>
		<pickerPop
			:address="addressShow"
			:addressCode="addressCode"
			@preview="preview"
			:showMask="show_mask"
			:showIndex="show_index"
			:title="title"
			:pickers="pickers"
			:value="value"
			@closeMask="close_mask"
			@pickerChange="picker_change"
			@confirmValue="confirm_value"
		></pickerPop>
		<view class="mask" @touchmove.stop.prevent="moveHandle" v-show="show_pop">
			<view class='pop'>
				<view class='title'>温馨提示</view>
				<view class='point'>职位设置为急聘的数量已经达上限，您可以把已设置的急聘职位取消，再设置该职位为急聘</view>
				<view class='btn_wrap'>
					<!-- <view class='btn' @click="cancel_pop()">取消</view> -->
					<view class='btn' @click="confirm_del()">确定</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import PickerPop from "../../components/pickerPop.vue"
	import util from "../../utils/util.js"
	import {
		get_province_list,
		get_city_list,
		get_area_list,
		create_token
	} from "../../api/config.js"
	import {
		get_hierarchy_list,
		get_mode_list,
		get_salary_list,
		get_education_list,
		get_entry_list,
		get_exper_list,
		positionInfoAdd,
		get_job_detail,
		positionInfoUpdateById
		} from "../../api/home.js"
	export default{
		components:{
			pickerPop: PickerPop
		},
		data(){
			return{
				businessId:'',
				id: '',
				status: 2,
				show_mask: false,
				show_index: null,
				title: '',
				check_index: '',
				pickers: [],
				value: [],
				name:'',
				job_name:'',//岗位name
				positionId:-1,//岗位id
				positionChildId:null,
				positionChildName:'',
				isRange: 1,
				jobs: ["语文老师1","语文老师2","语文老师3","语文老师4","语文老师5"],
				job: '',
				job_value: [0],
				jobTypes:[
					{
						name:"全职",
						value:1
					},
					{
						name:"兼职",
						value:2
					},
				],
				jobType: {
					name:'',
					id:''
				},
				jobType_value: [0],
				jobLevels:["见习老师1","见习老师2"],
				jobLevel: {
					name:'',
					id:''
				},
				jobLevel_value: [0],
				methods:["1v1","1v2"],
				method: {},
				method_value: [0],
				addressShow:false,
				addressData:[],//省市区
				address: '',
				lat:null,
				lng:null,
				addressDetailed:'',
				addressCode:[],
				addressDetailed_value:[0,0,0],
				wages: [
					["面议","1k","2k","3k","4k","5k","6k","7k","8k","9k","10k","11k","12k","13k","14k","15k","16k","17k","18k","19k"],
					["面议"],
				],
				wage: '',
				wage_value: [0,0],
				workDescribe: '',
				welfs: '',
				welfareIds:"",//福利待遇id
				welfareDetail:'',
				educationals: ["中专","大专","本科","硕士","博士"],
				educational: {},
				educational_value: [0],
				number: '',
				focus: false,
				times: ["三天以内","一周以内","二周以内"],
				time: {},
				time_value: [0],
				expers: ["无需经验",'1年以上','2年以上','3年以上','4年以上','5年以上','6年以上','7年以上','8年以上','9年以上','10年以上'],
				exper: {},
				exper_value: [0],
				checked: false,
				show: true,
				show_pop: false
			}
		},
		onLoad(options) {
			var that=this;
			that.id=options.id;
			//  0-招聘中  1-已关闭  2-未发布/新增发布
			// that.status=options.status;
			const business = uni.getStorageSync('userIdentity')
			that.businessId = business.businessId
			if(options.id>0){
				//
				that.getJobDetail()
			}
			// #ifdef APP-PLUS
			uni.$on('addressInfo', that.addressUpdate)
			// #endif
		},
		onUnload(){
			const that = this
			uni.removeStorageSync('text');
			// #ifdef APP-PLUS
			 uni.$off('addressInfo', that.addressUpdate)
			 // #endif
		},
		methods:{
			// 选择框
			check_pop(index){
				this.check_index=index;
				switch(index) {
				    case 1:
						this.show_index=1;
						this.title='岗位类型';
						this.pickers=this.jobs;
						this.value=this.job_value;
						uni.navigateTo({
							url: "../../pages/jobType/jobType?range="+this.isRange+"&id="+this.positionId+"&child_id="+this.positionChildId
						})
				        break;
					case 2:
						this.show_index=1;
						this.title='工作性质';
						this.pickers=this.jobTypes;
						this.value=this.jobType_value;
						this.show_mask=true;
						break;
					case 3:
						this.show_index=1;
						this.title='职位层级';
						this.show_mask=true;
						this.value=this.jobLevel_value;
						get_hierarchy_list().then(res=>{
							const data = res.data.data
							this.jobLevels=data
							this.pickers=data
						})
						break;
					case 4:
						this.show_index=1;
						this.title='授课方式';
						this.value=this.method_value;
						this.show_mask=true;
						get_mode_list().then(res=>{
							const data = res.data.data
							this.pickers=data 
							this.methods=data
						})
						break;
					case 5:
						this.choose_address();
						break;
					case 6:
						this.show_index=2;
						this.title='薪资';
						this.show_mask=true;
						
						// get_salary_list().then(res=>{
						// 	const data = res.data.data
						// 	const min = []
						// 	const max = []
						// 	data.forEach(item=>{
						// 		min.push(item.salaryRangeMin)
						// 		max.push(item.salaryRangeMax)
						// 	})
						// 	// this.wages=[min,max] 
						// })
						this.pickers=this.wages
						this.value=this.wage_value;
						break;
					case 7:
						uni.navigateTo({
							url: '../jobDesc/jobDesc?type=2'+'&data='+this.workDescribe
						})
						break;
					case 8:
						uni.navigateTo({
							url: '../../pages/welfare/welfare?ids='+ this.welfareIds+'&status=2'
						})
						break;
					case 9:
						this.show_index=1;
						this.title='最低学历';
						this.value=this.educational_value;
						this.show_mask=true;
						get_education_list().then(res=>{
							const data = res.data.data
							this.pickers=data 
							this.educationals=data
						})
						break;
					case 10:
						this.show_index=1;
						this.title='到岗时间';
						this.value=this.time_value;
						this.show_mask=true;
						get_entry_list().then(res=>{
							const data = res.data.data
							this.pickers=data 
							this.times=data
						})
						break;
					case 11:
						this.show_index=1;
						this.title='工作经验';
						this.pickers=this.expers;
						this.value=this.exper_value;
						this.show_mask=true;
						get_exper_list().then(res=>{
							const data = res.data.data
							this.pickers=data 
							this.expers=data
						})
						break;	
						case 12:
						this.show_index=3;
						this.title='选择地址';
						this.value=this.addressDetailed_value;
						this.show_mask=true;
						this.addressShow=true
						break;
				}
			},
			// 关闭选择框
			close_mask(){
				this.addressShow = false
				this.show_mask=false
			},
			// 选择
			picker_change(res){
				if(this.check_index===6){
					if(res[0]===0){
						this.value = [0,0]
						this.wages[1] = this.wages[0].slice(0,1)
					}else{
						const max = this.wages[0].concat(["20k"])
						this.wages[1] = max.slice(res[0]+1)
						this.value=res;
					}
				}else{
					this.value=res;
				}
			},
			// 确认
			confirm_value(data){
				var index=this.check_index;
				switch(index) {
					case 1:
						this.job_value=this.value;
						this.job=this.jobs[this.value[0]]
						break;
					case 2:
						// this.jobType_value=this.value;
						this.jobType=this.jobTypes[this.value[0]]
						break;
					case 3:
						this.jobLevel_value=this.value;
						this.jobLevel=this.jobLevels[this.value[0]];
						break;
					case 4:
						this.method_value=this.value;
						this.method=this.methods[this.value[0]]
						break;
					case 6:
						this.wage_value=this.value;
						// this.wage=this.wages[0][this.value[0]]==this.wages[1][this.value[1]]?this.wages[0][this.value[0]]+'元/月':this.wages[0][this.value[0]]+'-'+this.wages[1][this.value[1]]+'元/月';
						this.wage = this.wages[0][this.value[0]]==="面议"?"面议":`${this.wages[0][this.value[0]]}-${this.wages[1][this.value[1]]}/月`
						break;
					case 9:
						this.educational_value=this.value;
						this.educational=this.educationals[this.value[0]]
						break;
					case 10:
						this.time_value=this.value;
						this.time=this.times[this.value[0]]
						break;
					case 11:
						this.exper_value=this.value;
						this.exper=this.expers[this.value[0]]
						break;
					case 12:
					console.log(data);
						this.addressData = data
						this.addressDetailed = `${data[0].shortName}-${data[1].shortName}-${data[2].shortName}`
						console.log(this.addressData ,'data');
						break;
				}
				this.close_mask();
			},
			// 工作地址
			choose_address(){
				var that=this;
				// #ifdef MP-WEIXIN || H5
				uni.chooseLocation({
					success(res) {
						console.log(res,'dd');
						that.address=res.address;
						that.lat = res.latitude
						that.lng = res.longitude
					}
				})
				// #endif
				// #ifdef APP-PLUS
				uni.navigateTo({
					url:'../../mypage/searchAddress/index'
				})
				// #endif
			},
			addressUpdate(data){
				const that=this;
				// console.log('地址：' + JSON.stringify(data))
				that.address=data.address;
				that.lat = data.location.lat
				that.lng = data.location.lng
			},
			// 招聘人数
			input_number(e){
				this.number=e.detail.value;
			},
			input_focus(){
				this.focus=true;
			},
			input_blur(){
				this.focus=false;
			},
			switch_change(e){
				this.checked=e.detail.value
				this.show_pop=true
			},
			confirm_del(){
				this.checked=false
				this.show_pop=false
			},
			confirm_enducat(){
				let valiteObj=[
					{
						value:this.name,
						toast:'请输入职位名称'
					},
					{
						value:this.job_name,
						toast:'请输入岗位类型'
					},
					{
						value:this.jobType.name,
						toast:'请选择工作性质'
					},
					{
						value:this.jobLevel.name,
						toast:'请选择职位层级'
					},
					{
						value:this.method.name,
						toast:'请选择授课方式'
					},
					{
						value:this.addressDetailed,
						toast:'请选择工作地址'
					},
					{
						value:this.address,
						toast:'请选择详细地址'
					},
					{
						value:this.wage,
						toast:'请选择薪资范围'
					},
					{
						value:this.workDescribe,
						toast:'请选择职位描述'
					},
					{
						value: this.welfareIds,
						toast:'请选择福利待遇'
					},
					{
						value:  this.educational.name,
						toast:'请选择最低学历'
					},
					{
						value: this.number,
						toast:'请选择招聘人数' 
					},
					{
						value: this.time.name,
						toast:'请选择到岗时间' 
					},
					{
						value: this.time.name,
						toast:'请选择工作经验' 
					},
					{
						value: this.exper.name,
						toast:'请选择工作经验' 
					},
				]
				for(const key of valiteObj){
					if(key.value===''|| key.value ===undefined){
						util.page_show_toast(key.toast, 3000)
						return
					}
				}
				create_token().then(res=>{
					positionInfoAdd({
						"isRange": this.isRange,
						"positionId": this.positionId,
						"positionName": this.job_name,
						"positionChildId":this.positionChildId,
						"positionChildName":this.positionChildName,
						"positionNature": this.jobType.value,
						"hierarchyId": this.jobLevel.id,
						"hierarchyName": this.jobLevel.name,
						"teacherModeId": this.method.id,
						"teacherModeName": this.method.name,
						"workAddressProvince": this.addressData[0].shortName,
						"workAddressCity": this.addressData[1].shortName,
						"workAddressRegion": this.addressData[2].shortName,
						"workAddressTown": "",
						"workAddressDetail": this.address,
						"workAddressCode": `${this.addressData[0].provinceCode},${this.addressData[1].cityCode},${this.addressData[2].areaCode}`,
						"salaryMin": this.wages[0][this.wage_value[0]]==="面议"?0:+this.wages[0][this.wage_value[0]].replace("k",'000'),
						"salaryMax": this.wages[1][this.wage_value[1]]==="面议"?0:+this.wages[1][this.wage_value[1]].replace("k",'000'),
						"positionDetail": this.workDescribe,
						"fringeBenefits": this.welfs,
						"fringeBenefitsIds": this.welfareIds,
						"welfareDetail" : this.welfareDetail,
						"minimumEducationId": this.educational.id,
						"minimumEducationName": this.educational.name,
						"recruitPeopleNum": this.number,
						"startDate": this.time.name,
						"workExperienceId": this.exper.id,
						"workExperienceName": this.exper.name,
						"businessId": this.businessId,
						"teacherNum": "",
						"treatmentDetail": "",
						"status": 2,
						"isDel": 0,
						"name": this.name,
						"sidx":"create_time",
						"order":"desc",
						"workAddressCityCode": this.addressData[1].cityCode,
						"lat": this.lat,
						"lng": this.lng
					},res.data.data).then(rdes=>{
						uni.showToast({
						    title: '添加成功',
							icon:'none',
						    duration: 2000
						});
						uni.navigateBack({
							delta:1
						})
					})
				})
			},
			del_enducat(){
				const that = this
				uni.showModal({
				    title: '提示',
				    content: '是否删除本条信息',
				    success: function (res) {
				        if (res.confirm) {
				            create_token().then(res=>{
				            	positionInfoUpdateById({
				            		id:that.id,
				            		"isDel": 1,
				            		
				            	},res.data.data).then(()=>{
				            		uni.navigateBack({
				            			delta:1
				            		})
				            	})
				            })
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			},
			//修改
			modify(){
				create_token().then(res=>{
					positionInfoUpdateById({
						"id":this.id,
						"isRange": this.isRange,
						"positionId": this.positionId,
						"positionName": this.job_name,
						"positionNature": this.jobType.value,
						"positionChildId":this.positionChildId,
						"positionChildName":this.positionChildName,
						"hierarchyId": this.jobLevel.id,
						"hierarchyName": this.jobLevel.name,
						"teacherModeId": this.method.id,
						"teacherModeName": this.method.name,
						"workAddressProvince": this.addressData[0].shortName,
						"workAddressCity": this.addressData[1].shortName,
						"workAddressRegion": this.addressData[2].shortName,
						"workAddressTown": "",
						"workAddressDetail": this.address,
						"workAddressCode": `${this.addressData[0].provinceCode},${this.addressData[1].cityCode},${this.addressData[2].areaCode}`,
						"salaryMin": this.wages[0][this.wage_value[0]]==="面议"?0:+this.wages[0][this.wage_value[0]].replace("k",'000'),
						"salaryMax": this.wages[1][this.wage_value[1]]==="面议"?0:+this.wages[1][this.wage_value[1]].replace("k",'000'),
						"positionDetail": this.workDescribe,
						"fringeBenefits": this.welfs,
						"fringeBenefitsIds": this.welfareIds,
						"welfareDetail" : this.welfareDetail,
						"minimumEducationId": this.educational.id,
						"minimumEducationName": this.educational.name,
						"recruitPeopleNum": this.number,
						"startDate": this.time.name,
						"workExperienceId": this.exper.id,
						"workExperienceName": this.exper.name,
						"businessId": this.businessId,
						"teacherNum": "",
						"treatmentDetail": "",
						"isDel": 0,
						"sidx":"create_time",
						"order":"desc",
						"name": this.name,
						"workAddressCityCode": this.addressData[1].cityCode,
						"lat": this.lat,
						"lng": this.lng
					},res.data.data).then(()=>{
						uni.showToast({
						    title: '修改成功',
							icon:'none',
						    duration: 2000
						});
						uni.navigateBack({
							delta:1
						})
					})
				})
			},
			preview(data){
				this.addressDetailed_value = data
			},
			getJobDetail(){
				get_job_detail({
					id:this.id
				}).then(res=>{
					const data = res.data.data
					this.isRange=data.isRange
					this.positionId=data.positionId,
					this.positionChildId=data.positionChildId,
					this.positionChildName=data.positionChildName,
					this.job_name=data.positionName
					this.jobType.value=data.positionNature
					this.jobType.name=data.positionNature==2?'兼职':'全职'
					this.jobLevel.id=data.hierarchyId
					this.jobLevel.name=data.hierarchyName
					this.method.id=data.teacherModeId
					this.method.name=data.teacherModeName
					this.addressData=[
						{
							shortName:data.workAddressProvince,
							provinceCode:data.workAddressCode.split(',')[0]
						},
						{
							shortName:data.workAddressCity,
							cityCode:data.workAddressCode.split(',')[1]
						},
						{
							shortName:data.workAddressRegion,
							areaCode:data.workAddressCode.split(',')[2]
						}
					]
					this.addressDetailed =`${data.workAddressProvince}-${data.workAddressCity}-${data.workAddressRegion}`
					this.addressCode = data.workAddressCode.split(',')
					this.address=data.workAddressDetail
					this.wage=data.salaryMin===0?"面议":`${data.salaryMin/1000} - ${data.salaryMax/1000}k/月`
					this.workDescribe=data.positionDetail
					this.welfs=data.fringeBenefits
					this.welfareIds = data.fringeBenefitsIds
					this.welfareDetail = data.welfareDetail
					uni.setStorage({
					    key: 'text',
					    data: data.welfareDetail,
					    success: function () {
					    }
					})
					this.educational.id=data.minimumEducationId
					this.educational.name=data.minimumEducationName
					this.number=data.recruitPeopleNum
					this.time.name=data.startDate
					this.exper.id=data.workExperienceId
					this.exper.name=data.workExperienceName
					this.businessId=data.businessId
					this.name=data.name
					this.lat = data.lat
					this.lng = data.lng
				})
			}
		}
	}
</script>

<style lang="scss">
	.page_cont{
		padding: 0 32rpx 32rpx 32rpx;
		.check_list{
			margin-bottom: 48rpx;
			.check_item{
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 32rpx 0;
				border-bottom: 2rpx solid #F6F7F9;
				&:last-child{
					border-bottom: 0;
				}
				.title{
					height: 42rpx;
					font-size: 30rpx;
					font-weight: 600;
					line-height: 42rpx;
					color: #3F4A58;
				}
				.text{
					flex: 1;
					text-align: right;
					margin: 0 24rpx;
					height: 42rpx;
					font-size: 28rpx;
					font-weight: 400;
					line-height: 42rpx;
					color: #798594;
				}
				.scroll{
					flex: 1;
					text-align: right;
					margin: 0 24rpx;
					height: 42rpx;
					font-size: 28rpx;
					font-weight: 400;
					line-height: 42rpx;
					color: #798594;
					overflow: hidden;
					white-space: nowrap;
				}
				.input{
					flex: 1;
					text-align: right;
					margin-left: 24rpx;
					height: 42rpx;
					font-size: 28rpx;
					font-weight: 400;
					line-height: 42rpx;
					color: #798594;
				}
				.point{
					margin-right: 24rpx;
					height: 42rpx;
					font-size: 28rpx;
					font-weight: 400;
					line-height: 42rpx;
					color: #798594;
				}
				.icon{
					width: 24rpx;
					height: 24rpx;
				}
			}
		}
		.btn_wrap{
			width: 100%;
			display: flex;
			flex-direction: row;
			.del_btn{
				width: 212rpx;
				height: 104rpx;
				text-align: center;
				line-height: 104rpx;
				font-size: 36rpx;
				font-weight: 400;
				color: #798594;
				background: rgba(146,155,167,0.15);
				border-radius: 16rpx;
				margin-right: 26rpx;
			}
			.con_btn{
				flex: 1;
				height: 104rpx;
				text-align: center;
				line-height: 104rpx;
				font-size: 36rpx;
				font-weight: 400;
				color: #fff;
				background: #5B90FF;
				border-radius: 16rpx;
			}
		}
		.pop {
			width: 560rpx;
			/* #ifdef MP-WEIXIN||APP-PLUS */
			margin: 360rpx auto 0 auto;
			/* #endif */
			/* #ifdef H5 */
			margin: 500rpx auto 0 auto;
			/* #endif */
			background: #fff;
			border-radius: 16rpx;
			padding: 32rpx 32rpx 52rpx 32rpx;
			.title{
				text-align: left;
				height: 44rpx;
				font-size: 32rpx;
				font-weight: 600;
				line-height: 44rpx;
				color: #666666;
			}
			.point {
				text-align: left;
				font-size: 30rpx;
				font-weight: 600;
				line-height: 56rpx;
				color: #3F4A58;
				margin: 42rpx 46rpx 58rpx 46rpx;
			}
			.btn_wrap {
				margin: 0 16rpx;
				display: flex;
				flex-direction: row;
				.btn {
					flex: 1;
					height: 88rpx;
					text-align: center;
					line-height: 88rpx;
					font-size: 30rpx;
					font-weight: 400;
					border-radius: 16rpx;
					&:first-child {
						background: rgba(146, 155, 167, 0.15);
						color: #798594;
						margin-right: 38rpx;
					}
					&:last-child {
						background: #5B90FF;
						color: #fff;
					}
				}
			}
		}
	}
</style>
